<html>
    <head>
        <title>GeoExt ZoomSlider</title>

        <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.4.0/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.4.0/ext-all.js"></script>
        <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.4.0/resources/css/ext-all.css" />
        <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.4.0/examples/shared/examples.css" />
        <script src="http://www.openlayers.org/api/2.11/OpenLayers.js"></script>
        <script type="text/javascript" src="../script/GeoExt.js"></script>

        <script type="text/javascript" src="zoomslider.js"></script>
    </head>
    <body>
        <h1>GeoExt.ZoomSlider</h1>
        <p>The ZoomSlider allows control of the map scale using an Ext.slider.SingleSlider.
        It is also possible to add a special tooltip plugin, ZoomSliderTip, which
        will show the zoom level, scale and resolution while dragging the slider
        (the content is configurable).<p>
        <p>The js is not minified so it is readable. See <a href="zoomslider.js">zoomslider.js</a>.</p>
        <div id="map-container"></div>
    </body>
</html>
